html {
    margin-left: auto;
    margin-right: auto;
}

body,
body *:not(script) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;

    &:not(.scroll-bar) {
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

:root {
    --nprogress-color: #1871F5;
    --van-toast-position-top-distance: 10% !important;
}

#nprogress .bar {
    background: var(--nprogress-color) !important;
}

#nprogress .peg {
    box-shadow: 0 0 10px var(--nprogress-color), 0 0 5px var(--nprogress-color) !important;
}

#nprogress .spinner-icon {
    border-top-color: var(--nprogress-color) !important;
    border-left-color: var(--nprogress-color) !important;
}

#app {
    background-color: #F7F7F7;
    font-family: Inter, Inter;
}

input,
i,
p {
    all: unset;
}

button {
    all: initial
}

img,
video {
    object-fit: cover;
}


.scroll-bar {

    /* 整个滚动条 */
    &::-webkit-scrollbar {
        display: auto;
        width: 6px;
        /* 垂直滚动条宽度 */
        height: 12px;
        /* 水平滚动条高度 */

    }

    /* 滚动条轨道 */
    &::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 6px;
    }

    /* 滚动条滑块 */
    &::-webkit-scrollbar-thumb {
        background: rgba($color: #A5A5A5, $alpha: 0.4);
        border-radius: 6px;
    }

    /* 滚动条滑块悬停状态 */
    &::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    /* 滚动条角落（水平和垂直滚动条交汇处） */
    &::-webkit-scrollbar-corner {
        background: transparent;
    }
}